﻿@font-face
{
    font-family: 'league';
    src: url('league.eot?iefix' ) format('eot'), url('league.ttf') format('truetype'), url('league.woff') format('woff'), url('league.svg#webfont') format('svg');
}


h1 
{    
  font-family: league, Arial, Helvetica, sans-serif;
     font-size:32px;
     margin:5px 0;
     color: #444;
}

h2 
{    
  font-family: league, Arial, Helvetica, sans-serif;
     font-size:24px;
     margin:5px 0;
     color: #444;
}
p
{
    margin-top: 5px;
}

body
{
    background-image: url(../images/ruido.png);
    background-color: #BCC7D8;
     font-family: Arial, Helvetica, sans-serif;
     font-size:13px; 
    
}

#menu
{
    list-style-type: none;
    text-align: left;
    padding: 10px 0;
    background-color: #444;
}
#menu li
{
    display: inline;
    font-size: 24px;
    text-transform: uppercase;
    color: #3d90ba;
    cursor: pointer;
    position: relative;
    margin: 0 25px 0 0px;
}
#menu li a
{
    font-family: league, Arial, Helvetica, sans-serif;
    font-size: 24px;
    text-decoration: none;
    color: #FFF;
}
#menu li a:hover
{
    font-family: league, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #727CD5;
}



#principal
{
    background-color: #FFF;
    border-top-width:3px;
    border-top-style:solid;
    border-top-color:#444;
    padding-bottom:5px;
}


.columnaDestacada
{
 
 background-color:#BCC7D8;
 padding-top: 5px;

 
}

#pie
{
    background-color: #444;
    text-align: center;
    color:#FFF;
    height:15px;
    padding:5px 0;
}
.boton{
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#333;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:5px 25px;
	text-decoration:none;
}

.boton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

.boton:active {
	position:relative;
	top:1px;
}

#ingreso a
{
  color:#333;  
}

.popup
{background-color:#FFF;
 background-image:none;
 text-align:left;
 padding-top:25px;
width:440px;
 height:100px;
 overflow:hidden;

}

.popup div
{width:400px;
 text-align:center;

}


.divlabel
{
 padding-top:8px;
 text-align:right;   
}

.ok 
{color:#6F950A;
 font-weight:bold;
 text-align:left;
}

.error
{
    color:red;
 font-weight:bold;
 text-align:left;
}

/*Para las tablas generadas po asp.net*/

.tabla-datos td, .tabla-datos th
{
 margin-top: 5px;
  margin-bottom: 5px;  
  padding: 5px;
}

.tabla-datos th
{ border-bottom:2px solid #444;
 font-weight:bold;
}

.tabla-datos td
{
   border-bottom:1px solid #444; 
    }
    
    
#LoginStatusDiv
{  
     text-align:right;
     padding-top:5px;
}

#LoginStatus
{
     font-family: Arial, Helvetica, sans-serif;
     font-size:13px; 
     color:#444; 
     font-weight:bold; 
}

#LoginStatusDiv a
{
    text-decoration:none;
}

#LoginStatusDiv a:hover
{
    text-decoration:underline;
}


#calendario td input
{
    border: 0;
}

#calendario td input:hover
{
    background-color:#BBB;
}




/*HAckeo ubicación botón registro*/
td input[type=submit]
{
 margin: 10px 205px 10px 0;   
}


a:link, a:visited 
{
    color:#333;
}

#almanaque
{
    text-align:center;
    margin:20px 0;
}


#almanaque a
{
 text-decoration:none;   
 
}

#almanaque td, #almanaque th
{
    padding:3px 5px;
}

#almanaque table
{
    
    padding: 5px;
}


.validaciones
{
  Font-Size:8px;
  Color:red;
  padding-top:8px;   
}

#errorGuardaTurno
{
color:Red;
text-align:center;

}


.guardar_perfil
{
 text-align:left;   
}

.dia_seleccionado
{
 background-color:Gray;   
}


.fondoTurno
{width:100%;
height: 100%;
 position:fixed;
 z-index:51;
 left:0;
 top:0; 
 bottom:0px;
 background-image:url(../images/overlay.png);
 
 }
.editTurno
{
    position:absolute;
    z-index:52;
    left:25%;
    top:25%;  
    background-color:#FFF;
    padding:10px;
    
}

div 
{
  z-index:0;  
}
